@import "../../both/mixin";

$cr_width : (280px) * 4;

.user_footer_cr.bln{
  box-sizing: border-box;
  height : 140px;
  background-color : #000;
  color : #787d82;

  @include cf(".user_footer");
  .user_footer{
    width : $cr_width;
    margin : 0 auto;

    .fl{

      @include cf("div.link");
      float: left;

      //width : (56px + 28px) * 9 + 1px;

      div.link{
        margin : 24px 0 0 0;
      }

      ul.links{
        list-style: none;
        display: block;

        li{
          display: block;
          float : left;
          font-size : 14px;
          padding : 0px 28px 0 0;

          a{
            text-decoration: none;
            color : #fff;
          }
        }
      }

      div.copyright{
        margin-top : 10px;
        font-size : 14px;
      }
    }

    .fr{
      float: right;
      margin-top : 40px;

        @include cf("ul.connect_icons");

        ul.connect_icons{
          list-style: none;
          display: block;

          li{
            display: block;
            float : left;
            width : 35px;
            height : 35px;
            margin: 0 5px;
          }

          li.weixin,li.weibo,li.qq{
            background-image : url("../../../../img/footer-sprite.png");
            background-repeat: no-repeat;
          }

          li.weixin{
            background-position: 0 -279px;
          }

          li.weibo{
            background-position: 0 -321px;
          }

          li.qq{
            background-position: 0 -363px;
          }

          a{
            display: inline-block;
            width : 35px;
            height : 35px;
          }
        }
    }
  }
}